/*
@traumaColor: #f2cc6a;
@spineColor: #f2a768;
@shoulderandelbowColor: #f26868;
@kneeandsportsColor: #f4165f;
@pediatricsColor: #49a5e5;
@reconColor: #608fde;
@handColor: #8571e7;
@footandankleColor: #8c5ecc;
@pathologyColor: #a264ab;
@basicscienceColor: #5cab91;
@anatomyColor: #54a14c;
@approachesColor: #89b871;
@generalColor: #8d8d8d;
*/
/* Level colors */
/* PGY level colors */
/* TASK LIST PROGRESS COLORS */
/*  COLORS */
/* TOPIC COLOR PALETTE */
/* PASS COLOR PALETTE */
/* VC COLOR PALETTE */
/* ORTHO GREEN COLOR PALETTE */
/* PROGRESS COLORS */
/* DROP SHADOWS */
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: https://lesselements.com
  ---------------------------------------------------*/
#simplemodal-overlay {
  background-color: #000;
}
#simplemodal-container,
#simplemodal-flat-container {
  background-color: white;
}
/*
    That is default(old) theme for simplemodal close button.
    Don't event think about changing properties here, until you realize what you are doing:
    You will affect all (hundreds) old-style popups that are not ready for such modification and should be modified/restyled one by one.

    Tips:
    - If you are using .modallink approach to open popup you can use themes.
      Add data-theme="my_theme" attribute for popup open trigget (i.e. <a>) and specify own css #simplemodal-container.<my_theme>{} to override close button style
    - Follow same rule (as above) if you use $.modal directly:
        -- set custom container containerId and specify custom css #my_container_id {}
        -- or provide custom closeHTML
        -- or use onShow: function(dialog){ dialog.container.addClass('.my_theme'); } technique and specify own css #simplemodal-container.<my_theme>{}
        -- or use $.modal(..., {theme: "my_theme"}) own css #simplemodal-container.<my_theme>{}
        to customize close button.
    Remember: any change here will affect too many places you even don't know about, be careful!
*/
#simplemodal-container a.modalCloseImg {
  background: url(/images/x.png) no-repeat;
  width: 15px;
  height: 15px;
  display: inline;
  z-index: 3200;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
#simplemodal-container a.modalCloseImg:hover {
  background: url(/images/x-over.png) no-repeat;
}
#simplemodal-container.simplemodal-default {
  padding: 0;
  box-shadow: none;
}
#simplemodal-container.simplemodal-default .row {
  background: transparent;
  margin-top: 0;
  padding: 0;
}
#simplemodal-container.simplemodal-default .simplemodal-close {
  position: absolute;
  top: 0;
  right: 0;
  height: 48px;
  width: 48px;
  background: #EAEAEA;
  text-align: center;
  transition: 0.2s;
}
#simplemodal-container.simplemodal-default .simplemodal-close .icon {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  color: #a9a9a9;
  transition: 0.15s;
}
#simplemodal-container.simplemodal-default .simplemodal-close:hover {
  background: #6989bd;
}
#simplemodal-container.simplemodal-default .simplemodal-close:hover .icon {
  color: #ffffff;
}
#simplemodal-container.simplemodal-default .share-modal__header {
  padding-left: 10px;
}
#simplemodal-container.simplemodal-default .share-modal__content {
  padding: 0 10px;
}
#simplemodal-container.simplemodal-default .share-modal__footer {
  padding: 0 10px;
}
#simplemodal-container.simplemodal-default .share-modal-form__buttons {
  position: relative;
}
#simplemodal-container.c48 a.modalCloseImg {
  background: url(/Content/images/modal/cancel_button_icon.png) no-repeat;
  background-position: center;
  position: absolute;
  cursor: pointer;
  width: 48px;
  height: 48px;
  top: 0;
  right: 0;
  background-color: #EAEAEA;
  z-index: 100;
}
#simplemodal-container.c48 a.modalCloseImg:hover {
  background: url(/Content/images/modal/cancel_button_icon.png) no-repeat;
  background-position: center;
  background-color: #EAEAEA;
}
#simplemodal-container.s-size {
  width: 400px !important;
}
#simplemodal-container.s-size .share-modal {
  width: 400px;
}
.simplemodal-container--events-content .simplemodal-wrap {
  overflow-y: auto !important;
}
.simplemodal-container--events-content .share-modal__content {
  padding-bottom: 15px;
}
.simplemodal-container--events-content .specialityItem {
  border: none;
  overflow: visible;
}
.simplemodal-container--events-content .studyCalendarPopup .dayInfo {
  width: 100%;
  padding: 0;
}